@import '../../../themes/basic/base-all.less';
@import '../../../themes/basic/compnent-container-border.less';

:host {
  &:extend(.ti3-compnent-container-border all);
}

.ti3-dominator-tagsinput {
  input[tiText] {
    position: absolute;
    left: 0;
    padding: var(--ti-common-space-0) var(--ti-common-space-10);
    width: 100%;
    height: 100%;
    .box-sizing(border-box);
    background-color: transparent; // 添加透明背景是为了覆盖tiText设置的白色背景，使校验结果样式生效
  }
  .ti3-dominator-input-container {
    position: relative;
    display: inline-block;
    vertical-align: middle;
    overflow: hidden;
    max-width: 100%;
    height: calc(
      var(--ti-common-size-7x) - var(--ti-common-border-weight-normal) * 2 - var(--ti-common-space-1) * 2
    ); // tagsinput上下边框2px + dominator内边距2px = 4px
    padding: var(--ti-common-space-0) var(--ti-common-space-10);
    .box-sizing(border-box);
    & > span {
      position: relative;
      display: block;
      visibility: hidden;
      max-width: 100%;
      height: 100%;
    }
  }
}
